<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table</title>
</head>
<body>
    <!-- ../ 回到上一级 ./ 当前目录   ../../ 上一级的上一级-->
    <img src="../images/001.jpg" alt="" width="200">
    <!-- audio 音频 src 资源路径 loop 是否循环 muted 是否静音 controls 是否显示控制条 autoplay 是否自动播放 -->
    <audio 
        src="../resources/洛天依 _ 言和 - 普通DISCO (降调版伴奏).mp3"
        loop
        muted
        controls
    ></audio>
    <!-- video 视频 src 资源路径 loop muted controls autoplay poster 视频封面 默认是视频的第一帧  -->
    <video 
        src="../resources/生成代码.mp4"
        loop
        muted
        controls
        width="800"
        poster="../images/kfm.jpg"
        ></video>
    <!-- source 可以为 audio video 设置多个资源 匹配不同的设备 -->
    <audio controls>
        <source src="../resources/洛天依 _ 言和 - 普通DISCO (降调版伴奏).wav" type="audio/wav">
        <source src="../resources/001.mp3" type="audio/mp3">
    </audio>
</body>
</html>